.feature-video-list {
  display: flex;
  flex-wrap: wrap;
  height: 100vh;

  .video-item {
    width: 33.33%;
    height: 33.33%;
    & > div,
    .video-js {
      height: 100% !important;
      width: 100% !important;
    }
  }

  .semi-upload {
    height: 100%;
    width: 100%;
  }

  &.mod-1 {
    .video-item {
      width: 100%;
      height: 100%;
    }
  }

  // &.mod-2 {
  //   .video-item {
  //     width: 100%;
  //     height: 100%;
  //   }
  // }

  &.mod-2 {
    .video-item {
      width: 50%;
      height: 100%;
    }
  }

  &.mod-3 {
    .video-item {
      width: 33.33%;
      height: 50%;
    }
  }
}
